<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="./variables.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>上传视频</title>
<link href="${csspath }/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${csspath }/custom.css" rel="stylesheet">
<script type="text/javascript" src="${jspath }/jquery-2.1.4.js"></script>
<script type="text/javascript" src="${jspath }/bootstrap.min.js"></script>
</head>
<body>
<%@include file="./header.jsp" %>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="text-align: center;">
                <h3><strong>音频上传页面</strong></h3>
            </div>
        </div>
        <form id="videoform" action="<c:url value="/upload/save"/>" method="post" enctype="multipart/form-data">
            <input type="hidden" name="fileType" value="a"/>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <label for="audioname">音频名称</label>
                    <input type="text" class="form-control input-md" id="audioname" name="name"/>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <label for="audiofile">选择音频文件</label>
                    <input type="file" name="file" class="form-control input-md" id="audiofile" accept="audio/mpeg3">
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <label for="audioprofile"><h4><strong>简介</strong> <small>最多输入1000个汉字</small></h4> </label>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <textarea name="profile" class="form-control" rows="3" id="audioprofile" maxlength="1000"></textarea>
                </div>
            </div>
        <%@include file="./repscreator.jsp" %>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <p></p>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <button type="submit" class="btn btn-primary btn-md btn-block">开始上传</button>
                </div>
            </div>
        </form>
        <script>
        <!--
        $(document).ready(function(){
            $("#repdefaultValue").children().each(function(index,e){
                $("#repselectedValue").append($(e).clone(true,true));
            })
            $("#repselectedValue").click(function(){
                if($("#repsoptions").css("display") == 'block')
                    $("#repsoptions").hide("slow");
                else
                    $("#repsoptions").show("slow");
            })
        })
        
        //-->
        </script>
    </div>
</body>
</html>